﻿@{
    ViewBag.Title = "Grafico";
}

<h2 id="titulo">Grafico</h2>

<button id="boton">Cargar Grafico</button>
<div id="mychart"></div>

<script>

    $("#boton").click(cargarGrafico);

    function cargarGrafico() {
        var url = "@Url.Action("Graficar", "Grafico")";

        var promesa = $.get(url);
        promesa.done(mostrar);

        function mostrar(datos) {

            //console.log(datos);
           
            YUI().use('charts', function (Y) {

                var myDataValues = [];

                $.each(datos, function() {
                    var f = this.fecha;
                    
                    console.log("'"+f+"'");
                    
                    //$.each(datos.operarios, function(){
                    //});
                    cantidad1 = this.operarios[0].cantidad;
                    cantidad2= this.operarios[1].cantidad;
                    myDataValues.push({ fecha: "'" + f + "'", op1: cantidad1 , op2: cantidad2});
               });
                
                var mychart = new Y.Chart({
                    dataProvider: myDataValues,
                    render: "#mychart",
                    type: "column",
                    stacked: true
                });
            });

        }
    }
</script>